<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no">
		<title>假单查询</title>
		<link rel="shortcut icon" href="https://mat1.gtimg.com/chinanba/images/favicon.ico">
		<link rel="stylesheet" href="../css/bootstrap.css">
	</head>
	<style>
		body {
			background-color:#f2f2f2;
			font-size: 70%;
		}
		.header{
			background: #4ccde0;
			color: #ffffff;
			height: 3em;
			font-size: 3em;
			text-align: center;
			line-height: 3em;
		}
		.header-left{
			float: left;
			margin-left: 10px;
		}
		.header-right{
			margin-right: 10px;
			float: right;
		}
		.tijiao{
			color: #ab9e97;
			border: 1px solid #ab9e97;
			border-left: none;
			border-right: none;
			padding-left: 10px;
			height: 3em;
			line-height: 3em;
			font-size: 2.5em;
		}
		.foot ul{
			background: white;
			color: #ab9e97;
			border: 1px solid #ab9e97;
			border-left: none;
			border-right: none;
			border-top: 0px;
			padding-left: 10px;
			height: 3.5em;
			line-height:3.5em;
			font-size: 2.5em;
			margin: 0em;
			padding: 0em;
		}
		ul li{
			float: left;
			display: inline-block;
		}
		.footr{
			margin-left: 1em;
			color: #78706f;
		}
		.footl{
			margin-left: 10px;
			width: 5em;
		}
	</style>
	<body>
		<div class="container">
			<!-- header -->
			<div class="header">
				<div class="header-left">
					<span class="glyphicon glyphicon-chevron-left"></span>
				</div>
				<span class="header-center">假单查询</span>
				<div class="header-right">
					<span class="glyphicon glyphicon-list"></span>
				</div>
			</div>
			<!-- 提交 -->
			<div class="tijiao">
				<p>07-06 提交</p>
			</div>
			<!-- 列表 -->
			<div class="foot">
				<ul>
					<li class="footl">员工</li>
					<li class="footr">张公子-AD047239</li>
				</ul>
				<ul>
					<li class="footl">类型</li>
					<li class="footr">病假</li>
				</ul>
				<ul>
					<li class="footl">开始时间</li>
					<li class="footr">2018-07-07 上午8:30</li>
				</ul>
				<ul>
					<li class="footl">结束时间</li>
					<li class="footr">2018-07-09 下午5:30</li>
				</ul>
				<ul>
					<li class="footl">时长</li>
					<li class="footr">2天</li>
				</ul>
				<ul>
					<li class="footl">事由及安排</li>
					<li class="footr">父母生病回家探望。</li>
				</ul>
				<ul>
					<li class="footl">外出地点</li>
					<li class="footr">北京</li>
				</ul>
				<ul>
					<li class="footl">手机</li>
					<li class="footr">18888888888</li>
				</ul>
			</div>
		</div>
	</body>
</html>
